<!DOCTYPE html>
<html>
<head>
    <meta charset='utf-8'>
    <title>Post Message</title>
</head>
<body>
    <div style="width:200px; float:left; margin-right:200px;border:solid 1px #333;">
        <div id="color">Frame Color</div>
    </div>
    
<br>
<br>
<br>
        

    <div style="border:3px solid #0F0; width:100%; float:left">
    <p>这里是iframe</p>
        <iframe id="child" src="accept.html"></iframe>
    </div>

    <script type="text/javascript">

        window.onload=function(){
            //Window.frames +索引值（命名或数字）
            window.frames[0].postMessage({a:1},'*');

        }

        window.addEventListener('message',function(e){
            var color=e.data;
            document.getElementById('color').style.backgroundColor=color;
        },false);
    </script>
</body>
</html>

很简单的用法却解决了大问题，据说Facebook已经在使用了，而且这也是html5另一个API——web workers传递消息的方法，那么它的浏览器兼容性怎么样呢？所谓浏览器兼容性几乎变成了IE几开始支持的问题了。。。不过好消息是跟localStorage一样，IE8+都支持了，只不过有些浏览器的低版本（比如FireFox4.0）并不支持window.onmessage=function(){}这种写法，所以我么最好使用事件绑定的写法，为了兼容IE，也要判断是否支持addEventListener。